<template>	
	<div id="process" class="process" v-show="appear">
	    <div class="process-content">
			<img src="/static/images/loading.gif" >  
	    </div>
	</div>
</template>

<script>
export default {
  name: 'process',
  props: {
  	appear: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
	#process
		position absolute
		z-index 100
		width 100%
		height 100%
		top 0px
		left 0px
		text-align center
		.process-content
			position absolute
			z-index 1000
			display block
			width 100px
			height 100px
			top 50%
			left 50%
			padding 25px 0px
			margin-top -50px
			margin-left -50px
			box-sizing border-box
</style>